<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>登录 - 拴蛋头条</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/main.css">
</head>

<body>
<div class="navbar navbar-default">
    <div class="container">
        <div class="navbar-header">
            <a href="index.html" class="navbar-brand"></a>
        </div>
        <label for="toggle-checkbox" id="toggle-label" class="visible-xs-inline-block">列表</label>
       	<input type="checkbox" id="toggle-checkbox"class="hidden"/>
        <div class="hidden-xs">
        	<ul class="nav navbar-nav">
	            <li><a href="#">热闻 ⋅ 拴蛋头条</a></li>
	            <li><a href="#">国内</a></li>
	            <li><a href="#">国际</a></li>
	            <li><a href="#">社会</a></li>
	            <li><a href="#">数读</a></li>
	            <li><a href="#">军事</a></li>
	            <li><a href="#">政务</a></li>
	            <li><a href="#">公益</a></li>
        	</ul>
	        <ul class="nav navbar-nav navbar-right">
	            <li><a href="login.html">登录</a></li>
	            <li><a href="signup.html">注册</a></li>
	        </ul>
    	</div>    
    </div>
</div>
<div class="container">
  <div class="form-container">
    <h1>登录 <small>没有账号？<a href="signup.html">注册</a></small></h1>
    <form>
      <div class="form-group">
        <label>用户名/手机/邮箱</label>
        <input type="text" class="form-control">
      </div>
      <div class="form-group">
        <label>密码</label>
        <input type="password" class="form-control">
      </div>
      <p>忘记密码？</p>
      <div class="form-group">
        <button class="btn btn-primary btn-block">登录</button>
      </div>
    </form>
  </div>
</div>
<div class="footer">
  © 2017 拴蛋头条 中国互联网举报中心京ICP证1401号京ICP备125439号-3京公网安备
</div>
</body>

</html>
